﻿
var tabpanel;
var contador = 1;
var urlTab = new Array(20);

var validar = 1;
var idcontador = 0;
    
//var jcTabs = [
//htmlIni
//];

$(document).ready(function () {

    fechaActual();
    cargarMenu();

    var htmlIni = "";
    htmlIni += "<br /><br /><br />";
    htmlIni += "<center>";
    htmlIni += "<p style='font-family:tahoma;font-size:16px;font-weight:bold;'>Bienvenidos al Sistema de Consulta y Estimaciones de Costos de Infraestructura en los Servicios Públicos de Telecomunicaciones</p>";
    htmlIni += "<br />";
    htmlIni += "</center>";
    htmlIni += '<span style="text-align:justify;padding-left:20px;font-family:tahoma;font-size:14px;">';
    htmlIni += ' ';
    htmlIni += '</span>';
    htmlIni += "<br />";
    htmlIni += '<span style="text-align:justify;padding-left:20px;font-family:tahoma;font-size:14px;">';
    htmlIni += ' ';
    htmlIni += '</span>';
    htmlIni += "<br />";
    htmlIni += "<br />";
    htmlIni += '<span style="text-align:justify;padding-left:20px;font-family:tahoma;font-size:14px;">';
    htmlIni += ' ' + '<span style="font-weight:bold;"> </span>';
    htmlIni += '</span>';
    htmlIni += "<br />";
    htmlIni += "<br />";
    //htmlIni += '<span style="text-align:justify;padding-left:20px;font-family:tahoma;font-size:14px;">';
    //htmlIni += "OSIPTEL";
    //htmlIni += '</span>';

    tabpanel = new TabPanel({
        renderTo: 'tab',
        widthResizable: true,
        //width:900,
        //height:600,
        //border:'none',
        active: 0,
        //maxLength : 10,
        items: [
            { id: 'toolbarPlugin1', title: 'Inicio', html: htmlIni, closable: false }
        ]
    });

    tabpanel.setRenderWH({ width: '101.9%' });

    $('#btnMenu').toggle(function () {
        //$('div.home').fadeOut(200, function () {
        $('#sideMenu').animate({
            'width': 'hide'
        }, 500, function () {
            $("#contenedor").removeClass("content");
            $("#contenedor").addClass("content2");
            tabpanel.setRenderWH({ width: '100%' });
        });
        //});
    }, function () {
        $('#sideMenu').animate({
            'width': 'show'
        }, 500, function () {
            //$('div.home').fadeIn(500);
        });
        $("#contenedor").removeClass("content2");
        $("#contenedor").addClass("content");
        tabpanel.setRenderWH({ width: '101.9%' });
    });

    $(".topnav").accordion({
        accordion: false,
        speed: 500,
        closedSign: '[+]',
        openedSign: '[-]'
    });

});

function fechaActual() {
    var d = new Date();
    var dia = new Array(7);
    dia[0] = "Domingo";
    dia[1] = "Lunes";
    dia[2] = "Martes";
    dia[3] = "Miercoles";
    dia[4] = "Jueves";
    dia[5] = "Viernes";
    dia[6] = "Sabado";

    var m2 = d.getMonth() + 1;
    var mesok = (m2 < 10) ? '0' + m2 : m2;
    var mesok=new Array(12);
    mesok[0]="Enero";
    mesok[1]="Febrero";
    mesok[2]="Marzo";
    mesok[3]="Abril";
    mesok[4]="Mayo";
    mesok[5]="Junio";
    mesok[6]="Julio";
    mesok[7]="Agosto";
    mesok[8]="Septiembre";
    mesok[9]="Octubre";
    mesok[10]="Noviembre";
    mesok[11] = "Diciembre";

    var Digital = new Date()
    var hours = Digital.getHours()
    var minutes = Digital.getMinutes()
    var seconds = Digital.getSeconds()
    var dn = "AM"
    if (hours >= 12) {
        dn = "PM"
        hours = hours - 12
    }
    if (hours == 0)
        hours = 12
    if (minutes <= 9)
        minutes = "0" + minutes
    if (seconds <= 9)
        seconds = "0" + seconds

    var fecha = dia[d.getDay()] + "&nbsp;" + d.getDate() + "&nbsp;" + "de" + "&nbsp;" + mesok[d.getMonth()] + "&nbsp;" + "del" + "&nbsp;" + d.getFullYear() + "&nbsp;&nbsp;" + hours + ":" + minutes + ":" + seconds + " " + dn;
    $("#panelFecha").html(fecha);
    setTimeout("fechaActual()", 1000);
    return false;
}

function agregarTab(url, nombre) {
    var usuario = $("#h_usuario").val();

    if (tabpanel.getTabsCount() == 15) {
        showFadeNotificacion("Solo se puede ver 15 pestañas como máximo.");
        return false;
    }

    for (var i = 1; i < urlTab.length; i++) {
        if (urlTab[i] == url) {
            tabpanel.show(i, false);
            return false;
        }
    }

    var tabId;
    urlTab[contador] = url;

    if (idcontador == 0) {
        tabId = contador;
    } else {
        tabId = idcontador;
    }

    var idPerfil = $("#h_perfil").val();
    var nombreUsu = $("#h_nombre").val();
    var apellido = $("#h_apellido").val();

    var correo = $("#h_id").val();
    var nroDoc = $("#h_nroDoc").val();

    //var codEmpresa = $("#h_codEmpresa").val();
    //var email = $("#h_emailEmpresa").val();
    var email = $("#h_correo").val();


    tabpanel.addTab({
        id: "newtabid" + tabId,
        title: nombre,
        html: '<iframe class="frmPanel" src="' + url + '?idUsuario=' + usuario + '&nombre=' + nombreUsu + '&idPerfil=' + idPerfil + '&email=' + email + '&correo=' + correo + '&apellido=' + apellido + '" width="100%" height="95%" frameborder="0"><p>Your browser does not support iframes.</p></iframe><div class="loadingMessage"><div class="imgCenter"><img src="image/219.gif" width="40px" height="40px"/></div></div>',
        closable: true,
        disabled: false
        //icon:"image/new.gif"
    });

    contador = parseInt(contador) + 1;
    $('.frmPanel').unbind('load');
    $('.frmPanel').bind('load', function () {
        $('.loadingMessage').css('display', 'none');
    });

    idcontador = 0;
    return false;
}

